<!--
 * @Descripttion: 
 * @version: 1.0
 * @Author: LiYansheng
 * @Date: 2022-04-09 12:29:42
 * @LastEditors: CoderXZ
 * @LastEditTime: 2022-04-09 21:27:58
-->
<template>
  <div class="container">
    就业状态
    <el-tabs>
      <el-tab-pane :label="c.className" v-for="(c, index) in classes" :key="index">
        <el-table :data="c.jobMessageList">
          <el-table-column label="序号" align="center">
            <template slot-scope="scope">
              <span>{{ scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column label="学号" prop="account" align="center"></el-table-column>
          <el-table-column label="姓名" prop="name" align="center"></el-table-column>
          <el-table-column label="性别" prop="sex" align="center">
            <template slot-scope="scope">
              {{ scope.row.sex === 1 ? "男" : "女" }}
            </template>
          </el-table-column>
          <el-table-column label="是否签订了三方？" prop="status" align="center">
            <template slot-scope="scope">
              <el-tag :type="scope.row.status === true ? 'success' : 'danger'">
                {{ scope.row.status === true ? "已签订" : "否" }}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column
            label="入职公司"
            prop="company"
            align="center"
          ></el-table-column>
          <el-table-column label="岗位" prop="job" align="center"></el-table-column>
          <el-table-column
            label="薪资(元）"
            prop="salary"
            align="center"
          ></el-table-column>
          <el-table-column
            label="签约时间"
            prop="signingTime"
            align="center"
          ></el-table-column>
          <el-table-column label="联系电话" prop="phone" align="center"></el-table-column>
          <el-table-column label="QQ" prop="qq" align="center"></el-table-column>
        </el-table>
      </el-tab-pane>
    </el-tabs>
    <el-divider></el-divider>
  </div>
</template>

<script>
import { getStudentJobs } from "../../api/teacher.js";
export default {
  data() {
    return {
      classes: {},
    };
  },
  created() {
    getStudentJobs()
      .then((result) => {
        if (result.status == "200") {
          this.classes = result.data;
        } else {
          this.$message.error(result.message);
        }
      })
      .catch((err) => {});
  },
};
</script>

<style></style>
